<template>
  <el-divider>Message消息</el-divider>
  <ElButton :buttonsetting="btnLink1">成功</ElButton>
  <ElButton :buttonsetting="btnLink2">失败</ElButton>
  <ElButton :buttonsetting="btnLink3">警告</ElButton>
  <ElButton :buttonsetting="btnLink4">信息</ElButton>


  <el-divider>MessageBox消息</el-divider>
</template>

<script setup lang="ts">
import { ElButton, ButtonSettings, ElMessage } from '~/elementPlus'
const btnLink1 = new ButtonSettings({ type: 'primary', link: false })
const btnLink2 = new ButtonSettings({ type: 'danger', link: false })
const btnLink3 = new ButtonSettings({ type: 'warning', link: false })
const btnLink4 = new ButtonSettings({ type: 'info', link: false })
const ElMessage1 = new ElMessage()

const handleSucessDemo = () => {
  ElMessage1.successMessage("123")
}

btnLink1.state.buttonEvents = {
  click: handleSucessDemo,
}
</script>
